<template>
    <div>
        <svg-icon icon-class="download" @click="click"/>
    </div>
</template>

<script>

export default {
    data() {
        return {}
    },
    mounted() {
        this.init()
    },
    beforeDestroy() {
        this.destroy()
    },
    methods: {
        click() {
            this.$message.success('下载已开始，请耐心等待，请勿重复点击')
            const a = document.createElement('a') // 创建一个<a></a>标签
            a.href = './太重集团（工起）合同管理平台使用培训手册.pptx' // 下载文件地址
            a.download = '太重集团（工起）合同管理平台使用培训手册.pptx' // 下载文件名字
            a.style.display = 'none'
            document.body.appendChild(a) // 将a标签追加到文档对象中
            a.click() // 模拟点击<a>标签,触发<a>标签的href的读取,浏览器自动下载文件
            a.remove() // 用完删除a标签
        },
        init() {
        },
        destroy() {
        }
    }
}
</script>

<style scoped>
.download-svg {
    display: inline-block;
    cursor: pointer;
    fill: #5a5e66;;
    width: 20px;
    height: 20px;
    vertical-align: 10px;
}
</style>
